<style include="cr-shared-style"></style>
<cr-dialog id="dialog" close-text="$i18n{close}">
  <div slot="title">[[computeDialogTitle_(currentSite)]]</div>
  <div slot="body">
    <cr-input id="input" label="$i18n{runtimeHostsDialogInputLabel}"
        placeholder="http://example.com"
        value="{{site_}}" on-input="validate_"
        invalid="[[inputInvalid_]]"
        error-message="$i18n{runtimeHostsDialogInputError}"
        spellcheck="false"
        autofocus>
    </cr-input>
  </div>
  <div slot="button-container">
    <cr-button class="cancel-button" on-click="onCancelTap_">
      $i18n{cancel}
    </cr-button>
    <cr-button class="action-button" id="submit" on-click="onSubmitTap_"
        disabled="[[computeSubmitButtonDisabled_(inputInvalid_, site_)]]">
      [[computeSubmitButtonLabel_(currentSite)]]
    </cr-button>
  </div>
</cr-dialog>
